<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="com/link.asp" -->
    <style>
        .loginMain .inp {
            margin-top: 20px;
        }

        .loginMain .inp input {
            border: 0;
            border-bottom: 1px solid #dddddd;
            border-radius: 0;
            padding-left: 46px;
        }

        .loginMain .inp img {
            left: 10px;
        }

        .loginMain .inp .yzm {
            border: 1px solid #003c8c;
            font-size: 14px;
            color: #003c8c;
            width: 100px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            position: absolute;
            padding: 0;
            right: 0;
            top: 8px;
        }

        .loginMain .right {
            text-align: right;
            font-size: 12px;
            color: #666666;
        }

        .loginMain .right a {
            color: #3d84d6;
            font-size: 12px;
        }
    </style>
</head>

<body>
    <!-- #include file="com/header.asp" -->
    <div class="login">
        <div class="mainBox">
            <div class="loginMain">
                <h5>欢迎注册</h5>
                <div class="form layui-form">
                    <div class="inp">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入手机号"
                            autocomplete="off" class="layui-input">
                        <img src="./images/icon5.png" alt="">
                    </div>
                    <div class="inp">
                        <input type="password" name="title" required lay-verify="required" placeholder="请设置一个至少6位的密码"
                            autocomplete="off" class="layui-input">
                        <img src="./images/icon6.png" alt="">
                    </div>
                    <div class="inp">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
                            autocomplete="off" class="layui-input">
                        <img src="./images/icon7.png" alt="">

                        <button class="yzm layui-btn layui-btn-radius layui-btn-primary">发送验证码</button>
                    </div>
                    <div class="flexs check">
                        <input type="checkbox" class="size" name="" title="" lay-skin="primary">
                        <span onclick="popFn()" class="txt">我已阅读并同意《源邑标准协议》</span>
                    </div>
                    <button class="layui-btn-radius submit" lay-submit lay-filter="formDemo">立即注册</button>
                </div>

                <div class="right">
                    已有账号？<a href="/">立即登录</a>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    function popFn(){
        layui.use('layer', function () {
        layer.open({
            title:'源邑标准协议',
            type: 1,
            area: ['60%', '80%'], //宽高
            content: `<div class="txtMain"><p>协议写一下</p></div>` //文案插入txtMain内
        });
    });
    }
   
</script>

</html>